<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘宝</title>
	<style>
		.divstyleft{
			border: 1px solid gray;
			border-left: none;
			border-top: none;
			border-bottom: none;
			height: 480px;
			float: left;
		}
		.divsty1{
			border: 1px solid gray;
			border-top: none;
			border-bottom: none;
			border-left: none;
			height: 480px;
			float: left;
		}
		#iner{
			color: green;
			font-size: 20px;
			border: 1px solid gray;
			border-bottom:  none;
			border-right: none;
			border-left: none;
		}
		.fontstyle{
			color: gray;
			font-size: 30px;
			float: left;
		}
		.clc{
			clear: both;
		}
		img{
			float: left;
		}

	</style>
</head>

<body>
		<div class="divstyleft">
			<br><div style="color: blue;font-size: 20px;">焕新</div><br>
			<div style="font-size: 30px;">品牌精选新品</div><br>
			<div class="fontstyle">每日新品首发</div>
			<img src="01.jpg" alt="img">
		</div>

		<div class="divsty1">	
			<div style="color: red;font-size: 20px;line-height: 28px;">必抢
			</div>
			<div style="font-size:30px ">牛货集结</div>
			<div class="fontstyle">件件必抢</div>
			<img src="02.jpg" alt="">
			<div class="clc"></div>
			<div id="iner">酷玩街</div>
			<div style="font-size: 30px;">创意神器</div>
			<div class="fontstyle">潮炫智能</div>
			<img src="04.jpg" alt="img">	
		</div>

		<div class="divsty1">
			<div style="color: blue;font-size: 20px;">手机馆</div>
			<div style="font-size: 30px;">新品手机</div>
			<div class="fontstyle">12期免息</div>
			<img src="03.jpg" alt="img">
			<div class="clc"></div>
			<div id="iner">喵鲜生</div>
			<div style="font-size: 30px;">全球精选生鲜</div>
			<div class="fontstyle">一站式购齐</div>
			<img src="05.jpg" alt="img">
		</div>
</body>
</html>